<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="_token" content="{{ csrf_token() }}"/>
  <title>Qkids久趣英语</title>

  @if (getenv('APP_ENV') === 'local')
    <link href="{{env('CDN_RESOURCE')}}/mobile/campaign/friend/css/friend.css?v={{config('app.version')}}"
          rel="stylesheet" type="text/css">
  @else
    <link href="{{env('CDN_RESOURCE')}}/mobile/campaign/friend/css/friend.min.css?v={{config('app.version')}}"
          rel="stylesheet" type="text/css">
  @endif

  @include('mobile.partial.config')
  @include('mobile.partial.wechatSign')
  @include('mobile.partial.browserSync')
  <script>
    window.productId = '{{$productId}}'
  </script>
</head>
<body>
<div class="container">
  <div class="login" hidden>
    <input id="mobile" type="tel" placeholder="手机号" maxlength="11">
    <input id="code" type="tel" placeholder="验证码" maxlength="4">
    <div id="getCode">获取验证码</div>
  </div>
  <div class="user-info">
    <img src="" class="avatar" onerror="this.src='{{env('CDN_RESOURCE')}}/mobile/campaign/order/img/avatar.png?v={{config('app.version')}}'">
    <div class="nickname"></div>
    <div class="switch-account">切换账号</div>
  </div>
  <div class="product">
    <div class="title">
      <div class="text">久趣英语小班课</div>
      <div class="price">&yen;100/4节</div>
    </div>
    <div class="info">
      <div class="purple-heart">100%来自北美，精英外教在线授课</div>
      <div class="red-heart">每节课30分钟，确保孩子收获满满</div>
      <div class="purple-heart">真人教学与游戏互动结合</div>
      <div class="red-heart">孩子喊着要学，父母省时省力</div>
    </div>
  </div>
  <div class="buy-bar">
    <div class="price">&yen;<span>100</span>/4节</div>
    <div id="buy">确认支付</div>
  </div>
</div>

<div class="password-mask">
  <div class="password-box">
    <form class="password-form">
      <div class="password-title">设置密码</div>
      <input id="password" placeholder="6～12位新密码，数字加字母" type="password" maxlength="12">
      <span id="showHidePassword" class="hide"></span>
      <div id="passwordBtn" class="submit-btn">完成</div>
    </form>
  </div>
</div>

<div class="verify-payment">
  <div class="wrapper">
    <div class="payment-result">
      <div class="ok-big-icon icon" id="okIcon"></div>
      <h1 class="verify-hint" id="successHint">支付成功</h1>
    </div>

    <div class="qr-code" style="display: block;text-align: center;">
      <div style="font-size: 16px;font-weight: bold;">重要！！！关注公众号才能上课。</div>
      <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/friend/img/qrcode.jpg?v={{config('app.version')}}"/>
      <div style="font-size: 14px;">长按扫描二维码关注【久趣英语服务号】</div>
    </div>

    <div class="order-detail" style="background-color: transparent;">
      <div class="header">订单详情</div>
      <div class="detail-item">
        <span>订购商品 : </span> <span id="order-title">100元体验课</span>
      </div>
      <div class="detail-item">
        <span>订单总额 : </span> <span> ¥ 100</span>
      </div>
      <div class="detail-item">
        <span>使用说明 : </span> <span>详情咨询公众号【久趣英语服务号】</span>
      </div>
    </div>
  </div>
  <div class="footer">

    <div class="icon-links">
      <div class="logo-blue"></div>
    </div>

    <div class="email">
      <div class="header">企业邮箱</div>
      <div class="text">service@97kid.com</div>
    </div>

    <div class="copy-right">
      <span>Copyright @2017-2018 Qkids All Rights Reserved</span>
      <span>闽ICP备12021838号-3</span>
    </div>

  </div>
</div>

@if (getenv('APP_ENV') === 'local')
  <script src="{{env('CDN_RESOURCE')}}/mobile/campaign/friend/js/friend.js?v={{config('app.version')}}"></script>
@else
  <script src="{{env('CDN_RESOURCE')}}/mobile/campaign/friend/js/friend.min.js?v={{config('app.version')}}"></script>
@endif
</body>
</html>